<template>
  <div>
    <ul>
      <li v-for="(item,index) in friendList" :key="index">
        <span><a href="https://www.baidu.com">{{ item }}</a></span>
      </li>
    </ul>

  </div>
</template>

<script>
export default {
  name: "FriendsLink",
  data(){
    return{
      friendList:['--------------------------','友情链接','咚咚出版社','中华人民共和国教育部','福建省教育厅','--------------------------']
    }
  }
}
</script>

<style scoped>
ul{
  position: relative;
  top: 63em;
  left: 13em;
}
ul li{
  float: left;
  margin-right: 6px;
}
</style>